<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">   
		<title></title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/school_lesson.css">
		<link rel="stylesheet" href="css/glDatePicker.default.css"/>
	<script src="js/init.js"></script>		
		<style>
			.gldp-default{
				top: 12rem !important; 	
			}
		</style>
	</head>
	<body>
		<div class="header tac lh160 font40 white bg-orange">学员课程</div>
		<div class="lesson_box bg-white">
			<div class="orange font36 fw-700">课程名称课程名称课程名称</div>
			<div class="font28 mt20">
				<p>老师：老师</p>
				<p class="mt10">教授：教授</p>
			</div>
			<div class="font24 time_box mt10">
				<img src="img/time.png" class="wid7 mr15 j-date"/>Apr,03,2016
			</div>
		</div>
		<input type="text" id="mydate" class="mydate" gldp-id="mydate" style="display: none;"/>
	    <div gldp-el="mydate" id="date" class="mydate" style="width:100%; height:320px;"></div>
	</body>
	<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
	<script type="text/javascript" src="js/glDatePicker.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.j-date').click(function(){
				$('#mydate,#date').show();
			});
			
			var days = ['2016-09-09','2016-09-10','2016-09-11'];
		    var time =[];
			for(var i = 0;i < days.length;i++){
				var year = days[i].substr(0,4);
				var month = parseInt(days[i].substr(5,2)) - 1;
				var day = days[i].substr(8,2);
				time[i] = {	
							date : new Date( year, month, day),
							data : {message : '今天要上课噢，别逃课噢！！！逃课腿都打断你的！！！'}
						  };
				console.log(time);
			}
			
			
			$('input').glDatePicker({
	         	showAlways: true,
			    allowMonthSelect: false,
			    allowYearSelect: false,
			    specialDates: time,
			    onClick: function(target, celll,cell, date, data) {
			        if(data != null) {
			            alert(data.message);
			        }else{
			        	alert('111');
			        }
			    }
            });

       	});
       	 
	</script>
</html>


		
